<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 3.新制作一个注册页面，要求
	      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
	      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
	      3.3 每个需要提交的标签都要有name值
	      3.4 按照name的方式查找各个元素
	      3.5 按照标签的方式查找各个元素 -->
	<body>
		<h3>注册页面</h3>
		用&nbsp;户：<input type="text" name="usname" /> <br>
		密&nbsp;码：<input type="password" name="upassword" /><br>
		性&nbsp;别：男 <input type="radio" name="sex" />女<input type="radio" name="sex" /><br>
		学院：<select name="faculty">
			<option value ="软件工程学院">软件工程学院</option>
			<option value ="文化旅游学院">文化旅游学院</option>
			<option value ="教育艺术学院">教育艺术学院</option>
			<option value ="信息制造学院">信息制作学院</option>
			<option value ="医疗护理学院">医疗护理学院</option>
		</select><br>
		爱好：篮球<input type="checkbox" name="hobby" />足球<input type="checkbox" name="hobby" />乒乓球<input type="checkbox" name="hobby" /><br>
		自我介绍：<textarea rows="5px" cols="" name="zwjs"></textarea><br>
		<button type="button">提交</button>
		<button type="button" onclick="register();">用name方式查找</button>
		<button type="button" onclick="register2();">用标签方式查找</button>
	</body>
	<script type="text/javascript">
	function register(){
		var register1 = document.getElementsByName('usname');
		console.log(register1);
		var register2 = document.getElementsByName('upassword');
		console.log(register2);
		var register3 = document.getElementsByName('sex');
		console.log(register3);
		var register4 = document.getElementsByName('faculty');
		console.log(register4);
		var register5 = document.getElementsByName('hobby');
		console.log(register5);
		var register6 = document.getElementsByName('zwjs');
		console.log(register6);
		}
	function register2(){
		var register21 = document.getElementsByTagName('input');
		console.log(register21);
		var register22 = document.getElementsByTagName('option');
		console.log(register22);
		var register23 = document.getElementsByTagName('textarea');
		console.log(register23);
	}
	</script>
</html>
